Visual Labs — Interactive Math Visualizers

507 words
3 min read
2026-03-15
View

Maths I — Interactive Visual Aids

These are live, interactive tools for every major concept in the Maths I syllabus.
Drag points, move sliders, change operations — the math updates instantly.

Week 2 — Coordinate Geometry

1. Distance & Midpoint Formulæ

The two foundational tools for working with points in a plane. Use the interactive tool below — drag points A and B and switch between Distance and Midpoint tabs.
d=(x2x1)2+(y2y1)2d = \sqrt{(x_2-x_1)^2 + (y_2-y_1)^2}
M=(x1+x22,  y1+y22)M = \left(\frac{x_1+x_2}{2},\; \frac{y_1+y_2}{2}\right)

Interactive • Drag the points

Coordinate Geometry

-10-10-8-8-6-6-4-4-2-2224466881010A(-4, -3)B(6, 5)d ≈ 12.81

Formula

d = √[(x₂-x₁)² + (y₂-y₁)²]

Substituted

= √[(6 - -4)² + (5 - -3)²]

= √[10² + 8²]

= √[100 + 64]

= 12.8062

💡 Drag points A and B on the graph — all values update live.

Tip
Pattern Recognition: Distance uses subtraction (spread apart), Midpoint uses addition (average together). Classic exam trap: confusing which uses +/-.

Week 3 — Straight Lines

2. The Slope-Intercept Form

A straight line can always be written as y=mx+by = mx + b where:
  • mm = slope (steepness, sign of direction)
  • bb = y-intercept (where it crosses the y-axis)
Adjust the sliders to see how slope and intercept change the line. Notice the dashed rise/run triangle that appears to visualize what slope physically means.

Interactive Simulation

Straight Lines — y = mx + b

-10-10-8-8-6-6-4-4-2-2224466881010y-int (2)x-int (-2)run=1rise=1m = 1
y = 1x + 2
m (slope)1
b (y-intercept)2

📐 Slope = rise / run = 1

X-intercept: (-2, 0)

Y-intercept: (0, 2)

Important
Parallel Lines have the same slope (m1=m2m_1 = m_2).
Perpendicular Lines have slopes that multiply to −1 (m1×m2=1m_1 \times m_2 = -1).

Week 4 — Quadratic Functions & Polynomials

3. The Parabola Sandbox

The general quadratic form is f(x)=ax2+bx+cf(x) = ax^2 + bx + c. Use the sliders to manipulate all three coefficients and watch:
  • The vertex (min/max point) move
  • The roots (x-intercepts) appear, merge, or vanish
  • The discriminant (b24acb^2 - 4ac) tell you how many real roots exist

Interactive Simulation

Quadratic Function — f(x) = ax² + bx + c

-8-6-4-22468V(0, -4)2-2
f(x) = 1x² + 0x + -4
aopens up if +1
bhorizontal shift0
cy-intercept-4

📍 Vertex: (0, -4)

📐 Axis of Symmetry: x = 0

Discriminant (b²-4ac): +16 (2 real roots)

🎯 Roots: 2, -2

Note
Discriminant Decision Tree:
  • Δ>0\Delta > 0 → 2 distinct real roots (line cuts parabola in two places)
  • Δ=0\Delta = 0 → 1 repeated root (line is tangent)
  • Δ<0\Delta < 0 → no real roots (line doesn't touch)

Week 1 — Set Theory

4. Venn Diagram Explorer

Select an operation from the buttons to see which elements get highlighted in the Venn diagram.
Operations: AB,  AB,  AB,  BA,  A,  B\text{Operations: } A \cup B,\; A \cap B,\; A - B,\; B - A,\; A',\; B'

Conceptual Lab

Venn Logic Sandbox

Set A
Set B
UNIVERSESET ASET B12345678910

Computation

A ∩ B

Elements common to both A and B.

Cardinality
2
4
5
Tip
De Morgan's Laws (crucial for exams):
  • (AB)=AB(A \cup B)' = A' \cap B'
  • (AB)=AB(A \cap B)' = A' \cup B' Mnemonic: Break the bar, flip the operator.

5. Relation & Mapping Arrows

Visualize relations between Set A (Domain) and Set B (Codomain). Create arrows to see if a relation is a Function, One-to-One, or Onto.

Theory Visualizer

Relations & Mapping

Set A (Domain)
Set B (Codomain)

Live Telemetry

StatusNot a Function

Connect elements to begin mapping analysis.

One-to-One
Onto
Domain:{}
Range:{}
Codomain (B):{1, 2, 3, 4}
Note
Function Rules:
  1. Every element in A must have an arrow.
  2. No element in A can have MORE than one arrow.

Best Practices
Study Strategy for Visualizers Try to predict the answer first (e.g., "if I make a=0, the parabola becomes a straight line"), then use the visualizer to confirm or correct your intuition. This builds genuine understanding vs passive watching.

Backlinks

0 References

No inbound references detected.

Document Outline
Table of Contents
System Normal // Awaiting Context

Intelligence Hub

Navigate the knowledge graph to generate context. The Hub adapts dynamically to surface backlinks, related notes, and metadata insights.